html,
			body {
				background-color: #efeff4;
			}
			
			#probapp {
				overflow-x: hidden;
			}
			
			.title {
				margin: 20px 15px 10px;
				color: #6d6d72;
				font-size: 15px;
				padding-bottom: 51px;
			}
			
			a>img {
				width: 100%;
			}
			
			.hdiv {
				height: 44px;
				display: flex;
				justify-content: space-between;
				align-items: center;
				color: white;
			}
			
			.hdiv>.hdivright,
			.hdiv>.hdivleft {
				padding: 10px;
			}
			
			.hdivleft {
				color: #7DB1FD;
			}
			
			.mui-table-view-cell>a:not(.mui-btn) {
				margin: 0;
			}
			
			body {
				background-color: #E7EFFE;
			}
			
			.headimg {
				width: 100%;
				height: auto;
				background-color: #7DB1FD;
				padding-bottom: 1em;
				margin: 0;
			}
			
			.h {
				width: 100%;
				height: 44px;
				line-height: 44px;
				text-align: center;
				color: white;
			}
			
			.head {
				width: 100%;
				height: auto;
				padding: 15px 15px;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
			}
			
			.left {
				width: 70px;
				height: 70px;
			}
			
			.left img {
				width: 100%;
				height: 100%;
				border-radius: 50%;
			}
			
			.right {
				padding: 0 20px;
				text-align: center;
			}
			
			.right div {
				padding: 5px;
			}
			
			.pl10 {
				padding-left: 10px;
			}
			
			.bom {
				color: white;
			}
			
			.mui-table-view {
				position: relative;
				margin-top: 0;
				margin-bottom: 0;
				padding-left: 0;
				list-style: none;
				background-color: #fff;
				margin: .8em;
				z-index: 9;
				margin-top: -1em;
				border-radius: 0.2em;
				box-shadow: 5px 5px 10px #CDE0FF;
			}
			
			.mui-table-view:before {
				position: absolute;
				right: 0;
				left: 0;
				height: 0px;
				content: '';
				-webkit-transform: scaleY(.5);
				transform: scaleY(.5);
				background-color: #c8c7cc;
				top: 0px;
			}
			
			.mui-table-view:after {
				position: absolute;
				right: 0;
				left: 0;
				height: 0px;
				content: '';
				-webkit-transform: scaleY(.5);
				transform: scaleY(.5);
				background-color: #c8c7cc;
				top: 0px;
			}
			
			.mui-table-view-cell {
				position: relative;
				overflow: hidden;
				padding: 0.4em 1em;
				-webkit-touch-callout: none;
				color: #666666;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				height: 3.5em;
			}
			
			.mui-table-view-cell:after {
				right: 15px;
			}
			
			.jg {
				height: 1em;
				width: 100%;
			}
			
			.mui-table-view .mui-media-object {
				width: 1.2em;
				height: 1.2em;
				line-height: 1.2em;
			}
			
			.mui-navigate-right {
				margin-right: 10px;
			}
			
			.setimg {
				width: 1em;
				height: 1.2em;
			}
			
			.top,
			.block {
				display: flex;
				justify-content: center;
				align-items: flex-end;
			}
			
			.list {
				padding: 10px;
			}
			
			.list>div {
				/*background: #f6f6f6;*/
				margin-bottom: 10px;
			}
			
			.ws_card_con {
				border-radius: 8px !important;
			}
			
			.ic {
				height: 100%;
				display: flex;
				align-items: center;
				font-family: Muiicons;
				line-height: 1;
				font-weight: bold;
				z-index: 20;
				padding-top: 10px;
				padding-bottom: 10px;
			}
			
			.ic i {
				font-size: 30px;
			}
			
			.ws_headerBg {
				height: 140px;
				width: 100%;
				z-index: 2;
				background: url(../images/together_tbg.png);
				background-size: 100% 100%;
			}
			
			.ws_books_list {
				position: absolute;
				width: 100%;
				top: 60px;
				padding: 0 0 55px 0;
			}
			
			.ws_nobooks {
				width: 93%;
				height: auto;
				position: absolute;
				top: 0px;
				left: 50%;
				transform: translateX(-50%);
				z-index: 10;
			}
			
			.ws_nobooks_text {
				background: #fff;
				padding: .7rem .6rem .5rem;
				text-align: center;
				color: #7D7D7D;
				font-size: 14px;
				margin-top: -5px;
			}
			
			.gbl {
				background-color: RGBA(126, 177, 254, 1);
			}
			
			.nobooks {
				width: 100%;
				text-align: center;
				margin-top: 2em;
			}
			
			ul {
				font-size: 14px;
				color: #8f8f94;
			}
			
			.mui-btn {
				padding: 10px;
			}
			
			.mui-content>.mui-table-view:first-child {
				margin-top: 0;
			}
			
			.nullbook {
				width: 100%;
				padding-top: 40%;
				text-align: center;
			}
			
			.gddiv {
				width: 100%;
				height: 50px;
			}
			
			#nc {
				color: white;
				padding: 0 1em;
			}
			
			.butclass {
				width: 100%;
				border: 1px solid #c7c7c7;
				text-align: center;
				height: 40px;
			}
			
			.bookdiv {
				width: 50%;
				padding: 0.5em;
				height: 210px;
			}
			
			.flex-jcfs-aicent-fwwrap {
				display: flex;
				justify-content: flex-start;
				align-items: flex-start;
				flex-wrap: wrap;
			}
			
			.bookdiv>img {
				width: 100%;
			}
			
			.datadiv {
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
			}
			
			.redcolor {
				color: red;
			}
			
			#ulmain {
				padding: 10px;
			}
			
			#ulmain>div {
				margin-bottom: 10px;
				width: 100%;
			}
			
			.footlistdiv {
				width: 100%;
				min-height: 50px;
			}
			
			.ws_searchIption {
				width: 85%;
				display: inline-block;
				background: #fff;
				border-radius: 5px;
				overflow: inherit!important;
			}
			
			.ws_searchbtn {
				width: 13%;
				display: inline-block;
				text-align: center;
				background: #7DB1FD;
				color: #fff;
				border-radius: 5px;
				height: 33px;
				line-height: 33px;
			}
			/*//发现*/
			
			.titles {
				width: 100%;
				height: 45px;
				line-height: 45px;
				padding: 0 20px;
				background: #fff;
				border-bottom: 1px solid #dcdcdc;
			}
			
			.discover_item {
				padding: 15px;
				background: #fff;
				border-bottom: 1px solid #ccc;
			}
			
			.discover_item:last-child {
				border-bottom: 0;
			}
			
			.headimgs {
				height: 50px;
				line-height: 50px;
				display: flex;
			}
			
			.headimgs span {
				height: 50px;
				line-height: 50px;
				display: inline-block;
				padding-left: 10px;
			}
			
			.headimgs img {
				width: 50px;
				display: inline-block;
				height: 50px;
				border-radius: 50%;
			}
			
			.books_name {
				padding: 10px 0;
				font-size: 16px;
				font-weight: 550;
			}
			
			.article {
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 4;
				line-height: 25px;
				-webkit-box-orient: vertical;
			}
			
			.articleImg img {
				width: 100%;
				height: 100%;
				display: block;
			}
			
			.discover_bottom span {
				display: inline-block;
				height: 20px;
				line-height: 20px;
				vertical-align: top;
			}
			
			.discover_bottom img {
				width: 20px;
				height: 20px;
				line-height: 20px;
				display: inline-block;
			}
			
			.bottom_right>div {
				display: inline-block;
				vertical-align: middle;
				margin-left: 5%;
				height: 20px;
				line-height: 20px;
			}
			
			.bottom_right>div:first-child {
				margin-left: 0;
			}
			
			.bottom_right {
				text-align: right;
			}
			
			.discover_bottom>div {
				margin: 15px 0 0;
				padding: 0;
				display: inline-block;
				font-size: 16px;
				width: 49%;
			}
			
			.Audio {
				position: relative;
				width: 100%;
				margin: 10px auto 0;
				background: #EEEEEE;
				padding: 5px 10px;
			}
			
			.Audio_img {
				width: 20%;
				display: inline-block;
				vertical-align: middle;
				position: relative;
			}
			
			.Audio_img img {
				width: 80%;
				height: 80%;
			}
			
			.time {
				width: 78%;
				display: inline-block;
				vertical-align: bottom;
				position: relative;
			}
			
			.pgs {
				background: #fff;
				top: -20px;
			}
			
			.pgs,
			.pgs span {
				width: 100%;
				display: inline-block;
				position: absolute;
				height: 5px;
			}
			
			.pgs span {
				z-index: 2;
			}
			
			.pgs-play {
				position: absolute;
				left: 0%;
				width: 0;
				height: 5px;
				background-color: #4785f9;
				z-index: 1;
			}
			
			.pgs-play:before {
				content: '';
				width: 10px;
				border-radius: 50%;
				height: 10px;
				background: #4785f9;
				z-index: 1;
				position: absolute;
				right: -1px;
				top: -2px;
			}
			
			.Audio_img .icon-btn {
				position: absolute;
				top: 50%;
				left: 0%;
				padding: 10px 0;
				text-align: center;
				width: 80%;
				transform: translateY(-50%);
				color: #fff;
			}
			.icon-btn img{
				width:50%;
			}